<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <meta charset="UTF-8">

    <title>峰之杰 - 专注智能家居，引领万物互联</title>

    <include file="public/head"/>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <meta content="telephone=no" name="format-detection">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="/public/themes/mobile/public/assets/css/video-js.min.css">

    <meta name="renderer" content="webkit">
    <script type="text/javascript">
        document.documentElement.style.fontSize = document.documentElement.clientWidth / 6.4 + 'px';
    </script>
</head>
<body>
<include file="public/nav"/>
<section class="support_banner">

    <p class="sb_title">视频中心</p>

    <div class="sb_tips" style="margin-left: 12%;margin-top: 0.5rem">倾力打造舒适经典，峰之杰至高品质保障。</div>


</section>
<section class="support_container">
    <div class="am-tabs" data-am-tabs="{noSwipe: 1}">


        <div class="am-tabs-bd">
            <div class="am-tab-panel am-fade am-in am-active sv_panel">


                <div class="sv_block">
                    <p class="clear sv_title"><em></em>枫叶·智能家居</p>
                    <ul>
                        <volist name="$list1" id="vo">
                        <li class="sv_item">
                            <a href="javascript:void(0)" data-src="/public/upload/{$vo.post_url}" data-am-modal="{target: '#video_modal'}">
                                <div>
                                    <img alt="" src="/public/upload/{$vo.more}">
                                    <i><img src="/public/themes/mobile/public/assets/images/play_btn.png" alt=""></i>
                                    <p>{$vo.post_title}</p>
                                    <p><img src="/public/themes/mobile/public/assets/images/time_icon.png" alt=""><span>{$vo.published_time}</span></p>
                                </div>
                            </a>
                        </li>
                        </volist>
                    </ul>
                </div>

                <div class="sv_block">
                    <p class="clear sv_title"><em></em>一靓·家居照明</p>
                    <ul>
                        <volist name="$list2" id="vo">
                            <li class="sv_item">
                                <a href="javascript:void(0)" data-src="/public/upload/{$vo.post_url}" data-am-modal="{target: '#video_modal'}">
                                    <div>
                                        <img alt="" src="/public/upload/{$vo.more}">
                                        <i><img src="/public/themes/mobile/public/assets/images/play_btn.png" alt=""></i>
                                        <p>{$vo.post_title}</p>
                                        <p><img src="/public/themes/mobile/public/assets/images/time_icon.png" alt=""><span>{$vo.published_time}</span></p>
                                    </div>
                                </a>
                            </li>
                        </volist>
                    </ul>
                </div>
                <div class="sv_block">
                    <p class="clear sv_title"><em></em>翼翡电子</p>
                    <ul>
                        <volist name="$list3" id="vo">
                            <li class="sv_item">
                                <a href="javascript:void(0)" data-src="/public/upload/{$vo.post_url}" data-am-modal="{target: '#video_modal'}">
                                    <div>
                                        <img alt="" src="/public/upload/{$vo.more}">
                                        <i><img src="/public/themes/mobile/public/assets/images/play_btn.png" alt=""></i>
                                        <p>{$vo.post_title}</p>
                                        <p><img src="/public/themes/mobile/public/assets/images/time_icon.png" alt=""><span>{$vo.published_time}</span></p>
                                    </div>
                                </a>
                            </li>
                        </volist>
                    </ul>
                </div>
                <div class="sv_block">
                    <p class="clear sv_title"><em></em>触点·家具功能五金</p>
                    <ul>
                        <volist name="$list4" id="vo">
                            <li class="sv_item">
                                <a href="javascript:void(0)" data-src="/public/upload/{$vo.post_url}" data-am-modal="{target: '#video_modal'}">
                                    <div>
                                        <img alt="" src="/public/upload/{$vo.more}">
                                        <i><img src="/public/themes/mobile/public/assets/images/play_btn.png" alt=""></i>
                                        <p>{$vo.post_title}</p>
                                        <p><img src="/public/themes/mobile/public/assets/images/time_icon.png" alt=""><span>{$vo.published_time}</span></p>
                                    </div>
                                </a>
                            </li>
                        </volist>
                    </ul>
                </div>

                <a href="" class="sv_btn">看了视频，来联系我们吧！</a>

            </div>
        </div>
        <!-- 视频弹出 开始-->
        <div class="am-modal am-modal-no-btn" tabindex="-1" id="video_modal">
            <div class="am-modal-dialog video_dialog">

            </div>
        </div>
        <!-- 视频弹出 结束-->
    </div>
</section>
<html>

<include file="public/footer"/>
<script type="text/javascript" src='/public/themes/mobile/public/assets/js/jquery.min.js'></script>

<script type="text/javascript" src='/public/themes/mobile/public/assets/js/amazeui.min.js'></script>

<script type="text/javascript" src='/public/themes/mobile/public/assets/js/mobile_comment.js'></script>

<script type="text/javascript" src='/public/themes/mobile/public/assets/js/idangerous.swiper.min.js'></script>

<script type="text/javascript" src='/public/themes/mobile/public/assets/js/idangerous.swiper.progress.min.js'></script>

<script type="text/javascript" src='/public/themes/mobile/public/assets/js/apple.js'></script>

<script type="text/javascript" src="/public/themes/mobile/public/assets/js/jweixin-1.0.0.js"></script>
<script>

    // 修改之后的js
    $(function() {
        var mySwiper2 = $('.swiper-container2').swiper({
            //      loop: true,
            //其他设置
            // pagination: '.swiper-pagination',
            //      paginationClickable: true,
            centeredSlides: true,
            slidesPerView: 'auto'
        });
        $('.slide2').click(function(){location.href='./product/jirui_message.html'});
        setTimeout(function() {
            $('.first-swiper-wrapper').css('display','block');
        }, 10);
        $(".last").css('display','none');
        $(".btn1").click(function() {
            $(".first").css('display', 'none');
            $(".last").css('display', 'block');
            var fourthFloorTop = $('.fourthFloor').offset().top;
            $('body').scrollTop(fourthFloorTop);
        });

        $(".btn2").click(function() {
            $(".last").css('display', 'none');
            $(".first").css('display', 'block');
        });
    });
</script>
<script type="text/javascript" src="/public/themes/mobile/public/assets/js/video.min.js"></script>
<script>
    !(function($){
        $(".sv_item a").click(function(){
           // alert($(this).attr("data-src"))
            $(".video_dialog").append('<video id="really-cool-video" class="video-js" controls preload="auto" autoplay data-setup='+'{ "controls": true, "autoplay": true, "preload": "auto"}'+' ><source src="'+$(this).attr("data-src")+'" type="video/mp4" /></video>');
        });
        $('#video_modal').on('closed.modal.amui', function(){
            $(".video_dialog").find("video").remove();
        });
    })(jQuery);
</script>
